<template>
	<div class="page-content">
		<div class="page-title">
			请选择是否使用美颜特效，使用需要xx元
			<div class="page-timer">
				<Timer title="选择美颜特效"></Timer>
			</div>
		</div>
		<div class="page-main box-center" style="font-size:26px;" >
			<div style="flex:1"></div>
			<div style="width:300px;">
				<div class="photo"></div>
				<div class="photo-label">原照片</div>
			</div>
			
			<div style="flex:1"></div>
			<div style="width:300px;">
				<div class="photo"></div>
				<div class="photo-label">美颜特效</div>
			</div>
			<div style="flex:1"></div>
		</div>
		<div class="page-bottom box-center">
			<div style="flex:1"></div>
			<a class="btn-big">不使用</a>
			<div style="flex:1"></div>
			<a class="btn-big">使 用</a>
			<div style="flex:1"></div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
    .photo {
        background-color: #e7eef4;
        border-radius: 10px;
        width: 300px;
        height: 410px;
		overflow:hidden;
    }
	.photo-label{
		font-size:26px;
		padding-top:20px;
	}
</style>
